<template>
    <div>
        <!-- 商城细节的顶部导航 -->
        <ListDetailsHandle>
            <div slot="topNav-content">
                <p>{{ListDetailsObj.title}}</p>
            </div>
        </ListDetailsHandle >

        <div class="main-image">
            <img src="../../../../assets/images/swiper3.jpg" alt="">
        </div>

        <!-- 品牌分类 -->
        <ListDetailsKinds :KindsArr='KindsArr' />

        <!-- 热卖推荐 -->
        <ListDetailsHotsell>
            <div slot="comprehensiveList">
                <div class="hot-sell-title">
                    <p>热卖推荐</p>
                </div>
                <div class="hot-sell-column">
                    <div>综合</div>
                    <div>售量</div>
                    <div>新品</div>
                    <div>价格</div>
                </div>
            </div>
            
        </ListDetailsHotsell>




    </div>
</template>

<script>
import ListDetailsHandle from './detailsComponents/ListDetailsHandle.vue'
import ListDetailsKinds from './detailsComponents/ListDetailsKinds.vue'
import ListDetailsHotsell from './detailsComponents/ListDetailsHotsell.vue'

export default {
    name:'ListDetails',
    data(){
        return{
            ListDetailsObj:{},
            KindsArr:[]
        }
    },
    components:{
        ListDetailsHandle,
        ListDetailsKinds,
        ListDetailsHotsell
    },
    mounted(){
        console.log(this.$route.params.obj);
        this.ListDetailsObj=this.$route.params.obj;
        this.KindsArr=this.$route.params.obj.uname;
    }
}
</script>

<style lang='less' scoped>
*{
    background-color: white;
}
.main-image{
    width:100%;
    height: 120px;
    img{
        width: 100%;
        height: 100%;
    }
}



</style>
